<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script type="text/javascript" src="../js/base-loading.js"></script>
	<title>快速入所</title>
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../easyui/themes/color.css">
	<link rel="stylesheet" type="text/css" href="../easyui/themes/xyy.css">
	<link rel="stylesheet" type="text/css"href="../font-awesome-4.7.0/css/font-awesome.css">
	<link rel="stylesheet" type="text/css" href="../css/jls-public.css">
</head>
<body class="gray-bg">
<div class="easyui-layout awd-panel-layout" data-options="fit:true"  style="width: 100%;">

	<div class="awd-form-panel">
		<div class="row">
			<div class="col-sm-12 awd-form-header">快速入所</div>
		</div>
		<div class="row form-inline awd-form-tools">
			<div class="col-sm-6">
				<div class="form-group">
					<label class="control-label">填表人：</label>
					<input type="text" name="tbr" class="form-control" style="width: 120px;" value="管理员" />
				</div>
			</div>
			<div class="col-sm-6 text-right">
				<div class="form-group">
					<label class="control-label">填表日期：</label>
					<input type="text" class="easyui-datebox" style="width: 120px;" name="tbrq"/>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="easyui-tabs" style="width: 100%;">
				<div title="基本信息">
					<div class="easyui-layout" data-options="fit:true" style="background: white;">
						<form class="form-inline awd-input-form">
							<input type="hidden" name="id">
							<div class="row">
								<div class="col-sm-3 awd-label-feild"><label class="control-label">姓名</label><span class="required">*</span></div>
								<div class="col-sm-3"><input type="text" name="jbaw" class="form-control" required></div>
								<div class="col-sm-3 awd-label-feild"><label class="control-label">性别</label><span class="required">*</span></div>
								<div class="col-sm-3"><input type="text" class="form-control awdSelect" name="xb" code='XB' required></div>

								<div class="col-sm-3 awd-label-feild"><label class="control-label">监室号</label><span class="required">*</span></div>
								<div class="col-sm-3"><input type="text" name="jbaw" class="form-control" required></div>
								<div class="col-sm-3 awd-label-feild"><label class="control-label">入所日期</label><span class="required">*</span></div>
								<div class="col-sm-3"><input type="text" class="form-control easyui-datebox" name="xb" code='XB' required></div>

								<div class="col-sm-3 awd-label-feild"><label class="control-label">入所原因</label><span class="required">*</span></div>
								<div class="col-sm-3"><input type="text" name="rsxz" class="form-control awdSelect" code="RSXZ" required></div>
								<div class="col-sm-3 awd-label-feild"><label class="control-label">档案编号</label><span class="required">*</span></div>
								<div class="col-sm-3"><input type="text" class="form-control" name="dah" required></div>
							</div>
					</form>
					</div>
				</div>
				<div title="照片录入" style="padding: 0px;margin: 0 auto; ">
					<div class="easyui-layout" data-options="fit:true" style=" border-right-width: 0px;margin: 0 auto;background-color: #e3ecfd; padding-right: 0px; margin-right: 0px;">
						<div style=" margin: 0 2.5% 0 2.5%;overflow: auto;background-color:white;border: 1px solid;">
							<form id="ksrsZpForm" style="height: 150%">
								<input hidden  id="zpcreator" name="creator"  />
								<div>
									<div style="width: 100%;height: 220px;">
										<div style="width: 57%;height: 97%;float: left;margin: 7px 0 0 7px;background-color: white;border: 2px solid #e3ecfd;">
											<img src="../../images/gugugu.jpg" style="width: 60%;height: 95%;margin: 7px 0 7px 20%">
										</div>
										<div style="width: 40%;height: 97%;float: left;margin: 7px 0 0 7px;background-color: #F6FEFE;border: 2px solid #e3ecfd;">
													<span style="font-size: 10px">
													采集标准：</br>
														1.三张照片均按照人脸左侧单标尺线"进行采集。</br>
														2.正面照</br>
														a、头顶与相框上沿对齐，眼睛居于人眼对齐线中间（红线为上沿，绿线为下沿）；</br>
														b、人像居中，两边耳根下沿与各绿块对齐；</br>
														c、蓝色块与红色刻度标尺线对齐；</br>
														3.左侧照、右侧照</br>
														a、头顶与相框上沿对齐，眼睛居于人眼对齐线中间（红线为上沿，绿线为下沿）；</br>
														b、人像居中，鼻尖、后脑勺分别与各绿快对齐；</br>
														c、蓝色块与红色刻度标尺对齐
													</span>
										</div>
									</div>
									<div style="width: 100%;height: 150px">
										<div id="preview" style="float: left;margin: 7px 0 0 7px;background-color: white;border: 2px solid #e3ecfd;width: 30%;height: 80%">
											<img id="imghead" src="../../img/zm.png" onclick="$('#upzmz').click()" onchange="previewImage1(this)" id="picone" style="width: 100%;height: 100%;">
											<input id="upzmz" type="file"  onChange="previewImage1(this)"  hidden/>
											<!--<ul>-->
											<!--<li>上传图片</li>-->
											<!--</ul>-->
										</div>
										<div id="preview2" style="float: left;margin: 7px 0 0 7px;background-color: white;border: 2px solid #e3ecfd;width: 30%;height: 80%">
											<img id="imghead2" src="../../img/cm1.png" onclick="$('#upcmz1').click()" style="width: 100%;height: 100%;">
											<input id="upcmz1" type="file" onChange="previewImage2(this)" hidden>
										</div>
										<div id="preview3" style="float: left;margin: 7px 0 0 7px;background-color: white;border: 2px solid #e3ecfd;width: 30%;height: 80%">
											<img id="imghead3" src="../../img/cm2.png" onclick="$('#upcmz2').click()" style="width: 100%;height: 100%;">
											<input id="upcmz2" type="file"  onChange="previewImage3(this)" hidden>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row text-center form-submit-tools">
			<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" id="zrs_save" style="margin-right: 30px">保存</a>
			<a href="javascript:void(0)"  class="easyui-linkbutton" iconCls="icon-cancel" id="zrs_cancel">关闭</a>
		</div>
	</div>


	<script type="text/javascript" src="../../js/plugins/seajs/sea.js?ver=${date()}"></script>
	<script type="text/javascript">
		seajs.config({
			base: "../js/",
			preload: ["plugins/jquery/jquery-1.9.1.min"],
			map:[
				[ /^(.*\.(?:css|js))(.*)$/i,'$1$2?ver=${date()}']
			]
		});
		seajs.use('pages/jls_sj/mainksrs');
	</script>
	<script type="text/javascript">
		function previewImage1(file)
		{
			if (file.files && file.files[0])
			{
				var img = document.getElementById('imghead');
				img.onload = function(){
					img.width  =  250;
					img.height =  125;
				}
				var reader = new FileReader();
				reader.onload = function(evt){img.src = evt.target.result;}
				reader.readAsDataURL(file.files[0]);
			}
		}
		function previewImage2(file)
		{
			if (file.files && file.files[0])
			{
				var img = document.getElementById('imghead2');
				img.onload = function(){
					img.width  =  250;
					img.height =  125;
				}
				var reader = new FileReader();
				reader.onload = function(evt){img.src = evt.target.result;}
				reader.readAsDataURL(file.files[0]);
			}
		}
		function previewImage3(file)
		{
			if (file.files && file.files[0])
			{
				var img = document.getElementById('imghead3');
				img.onload = function(){
					img.width  =  250;
					img.height =  125;
				}
				var reader = new FileReader();
				reader.onload = function(evt){img.src = evt.target.result;}
				reader.readAsDataURL(file.files[0]);
			}
		}
	</script>
</body>
</html>
